layui.use(['layer','echarts'], function () {
    var $ = layui.jquery,
        echarts = layui.echarts;


    /**
     * 发送ajax请求，获取柱状图所需要的数据
     */
    $.ajax({
        type:"get",
        url:ctx + "/customer/countCustomerServe01",
        dataType:"json",
        success:function (data) {
            // 基于准备好的dom，初始化echarts实例
            var myChart = echarts.init(document.getElementById('serve01'));

            // 指定图表的配置项和数据
            var option = {
                // 标题
                title: {
                    text: '客户服务分析'
                },
                // 提示框
                tooltip: {},
                // X轴
                xAxis: {
                    type: 'category',
                    data: data.data1
                },
                // Y轴
                yAxis: {
                    type: 'value'
                },
/*                color:['#66B3FF','#FFED97','#FF8040'],*/
                // 系列
                series: [{
                    // 数据
                    data: data.data2,
                    // 折线图
                    type: 'bar',
                    itemStyle: {
                        normal:{
                            color: function (params) {
                                //给一个color 的数组，循环调用数组里面的颜色
                                let colorList = ['#66B3FF','#FFED97','#FF8040'];
                                let index = params.dataIndex % colorList.length;
                                return colorList[index];
                            }
                        }
                    }
                }]
            };
            // 使用刚指定的配置项和数据显示图表。
            myChart.setOption(option);
        }
    });



    /**
     * 发送ajax请求，获取饼状图所需要的数据
     */
    $.ajax({
            type:"post",
            url:ctx+"/customer/countCustomerServe02",
            dataType:'json',
            success:function (data) {
                // 基于准备好的dom，初始化echarts实例
                var myChart = echarts.init(document.getElementById('serve02'));
                // 指定图表的配置项和数据
                option = {
                    tooltip: {
                        trigger: 'item'
                    },
                    legend: {
                        top: '5%',
                        left: 'center'
                    },
                    color:['#66B3FF','#FFED97','#FF8040'],
                    series: [
                        {
                            name: '服务类型',
                            type: 'pie',
                            radius: ['40%', '70%'],
                            avoidLabelOverlap: false,
                            itemStyle: {
                                borderRadius: 10,
                                borderColor: '#fff',
                                borderWidth: 2
                            },
                            label: {
                                show: false,
                                position: 'center'
                            },
                            emphasis: {
                                label: {
                                    show: true,
                                    fontSize: '40',
                                    fontWeight: 'bold'
                                }
                            },
                            labelLine: {
                                show: false
                            },
                            data: data.data2
                        }
                    ]
                };
                // 使用刚指定的配置项和数据显示图表。
                myChart.setOption(option);
            }
        })
});